<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style type="text/css">
		.one {
			width: 200px;
			height: 200px;
			border: 1px solid red;
			background: url("2.jpg") no-repeat;

			/* 设置背景图片大小 */
			/* background-size: 200px 200px; */
			
			/* 将背景图片按照原来的缩放比，将整个容器铺满
			 */
			/* background-size: cover; */
				
			/* 将背景图片按照原来的缩放比，完整的显示到容器中 
				  1. 不确定是否会将容器填充满
			*/
			   /* background-size: contain; */


		}
	</style>
</head>
<body>
	 <div class="one"></div>
</body>
</html>